import {useState} from 'react';

import {List,Avatar} from 'antd'; // antd 提供的组件
import {StarOutlined,LikeOutlined,MessageOutlined} from '@ant-design/icons';

export default function Lists() {

    const vArticleList = [];
    for(let i = 1;i < 30;i++) {
      vArticleList.push({
        id:i,
        title:'他乡遇故知',
        avatarUrl:'/images/hotpot.png',
        imageUrl:'/images/123.png',
        content:"这是一段感人的故事，so，Let us to study this article"
      })
    }
    
   
    const [articleList,setArticleList] = useState(vArticleList)

    return (
        <div>
            this life page
        </div>
    )

}